html,body{width:100%;height:100%;}
body{margin:0 auto;height:100%;font:12px tahoma,"arial","times new roman";color:#555;text-align:left; background:#fff;margin:0 auto;position:relative;z-index:0}
ul,li{padding:0;margin:0;list-style-type:none}
img{border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
.right{float:right}
.left{float:left}
.cb{clear:both}
.zoom{zoom:1}
.oh{overflow:hidden}
.dn{ display:none}
.clear{clear:both;padding:0;margin:0;height:0;}
a{color:#555;text-decoration:none;}
a:hover{color:#077BC5;text-decoration:underline}
form,p{margin:0;padding:0}
input,textarea,select{outline:none;resize:none;vertical-align:middle;font:12px tahoma,"arial","times new roman";color:#444;}
/**/
.page-nav{text-align:left;overflow:hidden; padding:20px 0;}
.page-nav span.dis{color:#E7E7E7;padding:3px 3px}
.page-nav span.txt{color:#666; padding:3px 3px}
.page-nav span.current{border:#006abb 1px solid;color:#fff; font-weight:bold; margin-right:5px;padding:3px 10px; background:#006abb}
.page-nav a{border:#ddd 1px solid;color:#454545; margin-right:5px; padding:3px 10px;}
.page-nav a:hover{border:#006abb 1px solid;text-decoration:none;}
/*---------------------------------------------------------*/
.body{width:100%; text-align:center; margin:0px auto; }
.body-resize{width:1100px; margin:0px auto; text-align:left}
.plr10{padding-left:10px;padding-right:10px;}
.pd10{padding:10px;}
.line-dotted-bottom{border-bottom:1px dotted #333;}
/*---------------------------------------------------------*/
.focus{margin:0 auto;padding:0;height:500px;overflow:hidden;position:relative;}
.focus .loader{width:100%; height:500px; background:url(../image/loading.gif) no-repeat center center #fff; overflow:hidden; position:absolute; left:0; top:0}
.focus ul{margin:0 auto;height:500px; overflow:hidden;display:block;}
.focus ul li{z-index:10;position:absolute; display:none;width:100%;height:500px; left:0;top:0; overflow:hidden; background-position: center; background-repeat:no-repeat }
.focus ul li a{display:block;width:100%;height:100%;}
.focus .focus-num{z-index:30;position:absolute;bottom:50px;left:0;padding:10px 0;width:100%;text-align:center;}
.focus .focus-num span{z-index:99;cursor:pointer;height:0;overflow:hidden;width:16px;height:16px;margin:0 3px;background:url(../image/focus-num.png) no-repeat 0 0; display:inline-block;}
.focus .focus-num span:hover,.focus .focus-num span.sel{ background-position:0 -16px;}
/*---------------------------------------------------------*/
.main-header{ position:absolute;top:0;left:0;z-index:100}
.main-header .header{ position:relative}
.main-header .header .logo{ position:absolute;top:0px;left:0;background:url(../image/logo.png) no-repeat;width:470px;height:100px;}
.main-header .header .submenu{position:absolute;top:10px;right:0;}
.main-header .header .submenu a{color:#000;}
.main-header .header .menu{ position:absolute;top:80px;right:0;}
.main-header .header .menu ul{}
.main-header .header .menu ul li{float:left;}
.main-header .header .menu ul li a{display:block;padding:6px 20px; background:#0478B9;color:#fff;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.main-header .header .menu ul li a:hover{ background:#015889; text-decoration:none}
.main-header .header .menu ul li.select a{ background:#015889; text-decoration:none}
/*---------------------------------------------------------*/
.main-contents{ position:absolute;left:0;top:450px;z-index:100}
/*---------------------------------------------------------*/
.body-main{padding:20px 0 0;}
/*---------------------------------------------------------*/
.blocks{border:1px solid #E5E3E2}
.blocks.about{width:320px;}
.blocks.about .text{padding:10px;line-height:1.6}
.blocks.news{width:475px; margin-left:10px;}
.blocks.news ul{padding:10px;}
.blocks.news ul li{ overflow:hidden; background:url(../image/list-dot.gif) no-repeat 0 center; padding:6px 0 6px 18px; border-bottom:1px dashed #ddd;}
.blocks.news ul li a{color:#444;display:block;overflow: hidden;white-space: nowrap;font-size:12px;text-overflow: ellipsis;width:350px;float:left;}
.blocks.news ul li a:hover{color:#077BC5;}
.blocks.news ul li span{color:#aaa;display:block;width:80px;float:right;text-align:right;}
.blocks.contact{width:280px; background:url(../image/contact-bg.gif) no-repeat right bottom}
.blocks.contact .text{padding:10px;line-height:1.9}
/*---------------------------------------------------------*/
.titles{ background:url(../image/bti.gif) repeat-x 0 bottom;border-bottom:1px solid #077BC5;padding:0 10px 0 0; line-height:30px;}
.titles h3{font-size:14px;font-weight:bold; background:url(../image/ti.png) no-repeat 0 center;color:#fff;width:90px; display:block;padding-left:14px; height:33px;line-height:33px;;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.titles a{color:#1382CB}
/*---------------------------------------------------------*/
.titleb{ background:url(../image/bti.gif) repeat-x 0 bottom;border-bottom:1px solid #077BC5;line-height:30px;}
.titleb h3{font-size:14px;font-weight:bold; background:#1180C9;color:#fff;display:block;padding-left:14px; height:33px;line-height:33px;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
/*---------------------------------------------------------*/
.products-show{margin:10px auto;width:875px;overflow:hidden; border:1px solid #E5E3E2}
.products-show .block-products-show{margin:25px auto;padding:0;width:875px;}
.products-show .block-products-show .products-show-jcarousellite{padding:0;margin:0;position:relative;}
.products-show .block-products-show .products-show-jcarousellite a.prev {z-index:10;position:absolute;width:10px;height:21px;left:10px;top:50px;display:block;background:url(../image/prev-next-btn.gif) no-repeat 0 0;}
.products-show .block-products-show .products-show-jcarousellite a.next {z-index:10;position:absolute;width:10px;height:21px;right:10px;top:50px;display:block;background:url(../image/prev-next-btn.gif) no-repeat -10px 0;}
.products-show .block-products-show .products-show-jcarousellite a.prev:hover{ background-position:0 -21px}
.products-show .block-products-show .products-show-jcarousellite a.next:hover{background-position:-10px -21px}
.products-show .block-products-show .products-show-jcarousellite-box{ margin-left:40px;}
.products-show .block-products-show .products-show-jcarousellite-box ul{}
.products-show .block-products-show .products-show-jcarousellite-box ul li{display:block;width:180px;float:left;margin-right:25px;}
.products-show .block-products-show .products-show-jcarousellite-box ul li .b{background:#fff; border:1px solid #ddd;padding:5px;}
.products-show .block-products-show .products-show-jcarousellite-box ul li .b .info{padding:15px 0;color:#838383;text-align:center}
.products-show .block-products-show .products-show-jcarousellite-box ul li .b .info a{color:#666;}
.products-show .block-products-show .products-show-jcarousellite-box ul li .a{display:block;width:13px;height:6px; background:url(../image/arrow.gif) no-repeat; margin-left:105px; margin-top:-1px;}
/*---------------------------------------------------------*/
ul.index-btns{width:214px; margin:10px auto}
ul.index-btns li{ margin-bottom:5px;}
/*---------------------------------------------------------*/
.section-main .left.part{width:440px;padding-bottom:10px;}
.section-main .right.part{width:500px; padding-bottom:10px;}
.section-main .left.part .block{ margin-bottom:10px;}
.section-main .left.part .block .content{padding:10px 0;line-height:2;}
.section-main .left.part .block .content img{float:left;margin:0 10px 0 0;-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.section-main .left.part .block .content a{color:#DD3402}
.section-main .left.part .block .content a:hover{color:#000}
.section-main .left.part .block ul.list{padding:10px 0;}
.section-main .left.part .block ul.list li{ background:url(../image/dot.gif) no-repeat 0 center;padding:5px 0 5px 10px;}
.section-main .left.part .block ul.list li a{float:left;}
.section-main .left.part .block ul.list li span{float:right;color:#888;}
.block .title{height:24px; text-align:right}
.block .title.t0{ background:url(../image/1.gif) no-repeat;}
.block .title.t1{ background:url(../image/2.gif) no-repeat;}
.block .title img{padding-top:10px; padding-right:10px;}
.product-block{ background:url(../image/3.gif) no-repeat 0 0;}
.product-block .title{height:45px; text-align:right}
.product-block .title img{padding-top:25px;padding-right:20px;}
.product-block ul{padding:10px 10px; background:url(../image/4.gif) no-repeat 0 bottom}
.product-block ul li{float:left;width:140px;height:170px; overflow:hidden; margin-right:30px;}
.product-block ul li.last{margin-right:0;}
.product-block ul li a.name{display:block;padding:5px 0; text-align:center}
.product-block ul li img{-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.brand-block{ background:url(../image/5.gif) no-repeat right center}
.brand-block ul{width:383px;padding:5px; background:#FFFCE3;border:1px solid #D7D4CD;}
.brand-block ul li{float:left; margin-right:5px;border:1px solid #D7D4CD;}
.brand-block ul li.last{ margin-right:0;}
/*---------------------------------------------------------*/
.footer{ background:#0478B9;}
.footer .copyright{color:#fff; text-align:center;padding:15px 0; line-height:1.8}
.footer .copyright a{color:#fff;}
/*---------------------------------------------------------*/
.left-box{width:240px;}
.main-box{width:820px;}
/*---------------------------------------------------------*/
.left-box{border:1px solid #E5E3E2}
.left-box ul{padding:0;}
.left-box ul li{border-bottom:1px solid #ddd;padding:5px 0 5px 25px;}
.left-box ul li a{ font-size:12px}
.left-box ul li.sel{}
.left-box ul li.sel a{ font-weight:bold;color:#077BC5}
.left-box ul li.b{border-bottom:1px solid #ddd;padding:10px 0 10px 25px; background:#E6F0F6; margin-bottom:0;}
.left-box ul li.b a{ font-size:12px; font-weight:bold}
.left-box ul li.b.sel{}
.left-box ul li.b.sel a{ font-weight:bold;color:#077BC5}
.left-box ul li.s{border-bottom:1px solid #eee;padding:5px 0 5px 35px;}
.left-box ul li.s a{ font-size:12px}
.left-box ul li.s.sel{}
.left-box ul li.s.sel a{ font-weight:bold;color:#077BC5}
/*---------------------------------------------------------*/
.feed-box{padding:20px 0;}
.feed-box .feed-block{padding:10px 10px;}
.feed-box .feed-block label{display:block;color:#555;padding:5px 0px;}
.feed-box .feed-block label span{ padding-left:10px;color:#f00}
.feed-box .feed-block .input{width:300px;border:1px solid #ddd;padding:3px 5px; font-size:12px; background:url(../image/input-bg.gif) repeat-x 0 0 #fff}
.feed-box .feed-block .input:focus{ border:1px solid #DA4924}
.feed-box .feed-block .submit{cursor:pointer;border:none;width:135px;height:28px; text-indent:-8000px;display:block;color:#fff; background:url(../image/feed-submit-btn.gif) no-repeat 0 0;}
/*---------------------------------------------------------*/
.main-wapper{margin:10px auto;}
/*---------------------------------------------------------*/
.contents{width:850px;overflow:hidden;}
/**/
.banner{ margin-bottom:20px;}
/*---------------------------------------------------------*/
.page-title{margin-bottom:10px; background:url(../image/line.gif) repeat-x 0 bottom;padding:0 0;}
.page-title span{font-size:14px;color:#077BC5; border-bottom:1px solid #077BC5; padding:10px 50px; font-weight:bold}
.page-title .loaction{color:#444;padding-top:10px;}
.page-title .loaction a{color:#444;}
/*---------------------------------------------------------*/
.article-title{font-weight:bold;font-size:20px;color:#000;padding:20px 0;border-bottom:1px solid #eee; text-align:left}
.article-info{color:#888;padding:5px 0;border-bottom:1px solid #eee;text-align:left}
.article-show{padding:10px 0;line-height:2.2;font-size:14px;color:#444}
/*---------------------------------------------------------*/
ul.news{padding:10px 0;}
ul.news li{padding:10px 0 10px 10px;border-bottom:1px dotted #ddd; background:url(../image/list-dot.gif) no-repeat 0 center;}
ul.news li a{color:#666;font-size:12px;}
ul.news li span{color:#aaa;padding:0 20px;}
/*---------------------------------------------------------*/
ul.products{padding:10px 0;}
ul.products li{ float:left;width:180px;height:160px;padding:10px;margin-bottom:30px; margin-right:90px;border:1px solid #eee;}
ul.products li.m_hover{border:1px solid #50A4F1;-moz-box-shadow:#50A4F1 0 0 10px; background-color:#F2F5F8; -webkit-box-shadow:#50A4F1 0 0 10px; -khtml-box-shadow:#50A4F1 0 0 10px; box-shadow:#50A4F1 0 0 10px}
ul.products li.last{margin-right:0;}
ul.products li a.link{display:block;color:#333;font-size:12px; padding:10px 0; text-align:center}
ul.products li span{color:#444;display:block;padding:5px 0;}
/*---------------------------------------------------------*/
ul.works{padding:10px 0;}
ul.works li{padding:10px;margin-bottom:30px;border:1px solid #eee; overflow:hidden; background:#fff}
ul.works li.m_hover{border:1px solid #50A4F1;-moz-box-shadow:#50A4F1 0 0 10px;-webkit-box-shadow:#50A4F1 0 0 10px; -khtml-box-shadow:#50A4F1 0 0 10px; box-shadow:#50A4F1 0 0 10px}
ul.works li .img{width:140px; padding-right:20px;border-right:1px solid #eee;}
ul.works li .txt{width:580px; padding-top:20px;}
ul.works li .txt a.title{ font-size:16px;color:#077BC5; text-decoration:underline}
ul.works li .txt .detail{ font-size:12px; line-height:1.8;color:#666; width:460px;margin-top:10px}
/*---------------------------------------------------------*/
.s-input{border:1px solid #ddd; background:#fff;padding:10px;}
.s-submit{border:1px solid #ddd; background:#fff;padding:10px;cursor:pointer;}
/*---------------------------------------------------------*/
ul.qa-list{padding:20px;}
ul.qa-list li{ margin-bottom:15px;}
ul.qa-list li .title{font-size:12px; font-weight:bold;color:#333;border-bottom:1px dotted #eee;padding: 5px 0 5px 30px; line-height:22px;background:url(../image/qa-title.png) no-repeat 0 center;}
ul.qa-list li .title a{color:#333;}
ul.qa-list li .title a:hover{ text-decoration:underline;color:#000;}
ul.qa-list li .details{padding:10px 0 10px 30px;line-height:1.7;color:#333;}
.left-contact{ margin-top:10px;}
.left-contact .text{padding:10px; line-height:2;}
